<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>商品详情</title>
		
		<!-- css -->
		<link rel="stylesheet" href="/css/reset.css">
		<link rel="stylesheet" href="/css/detail.css">
		<link rel="stylesheet" type="text/css" href="/css/header.css"/>
		<link rel="stylesheet" href="/css/footer.css">
		<!-- js -->
		<script src="/lib/requirejs/require.js" data-main="/js/detail" ></script>
	</head>
	<body>
		<header></header>

<!-- 主体容器 -->
<div class="detailContainer">
	<!-- <div class="up">
			
		<div class="lunbo"></div>
		
		<div class="right">
			<img src="" alt="">
			<div class="desc">
				<p>空气巧克力<br><i>不支持7天无理由退货</i></p>
				<span>￥58.5</span>
			</div>

			<form action="" id="select_cake_form">
				
				<div class="cake_select">
					<div>规格
						<select>
							<option >请选择</option>
							<option >2</option>
						</select>
					</div>
					<div>加入购物车</div>
				</div>

				<div class="amount">
					<p>数量</p>
					<span class="decrease">-</span>
					<input type="text" value="1">
					<span class="increase">+</span>
				</div>
				<button>立即购买</button>
			</form>
			
		</div>
	</div>

	<div class="img"></div> -->
	
	
	<!-- 添加购物车成功时的内容 -->
	<div class="h_add">
		<div class="up_cart">
			<i class="close"></i>
			<span>添加成功</span>
		</div>
		<div class="h_cart">
			<a href="/html/cart.html">去购物车结算</a>
			<a href="/html/list.html">再逛逛</a>
		</div>
	</div>
	<!-- 更多链接 -->
	<div class="more_cake">
		<h4>更多精彩</h4>
		<div class="wrap-more">
			<div class="jingdain">
				<a href="#">
					<span><img src="/images/1456992198036601631.jpg" alt=""></span>
					<div><p>经典系列</p>
					<label>CLASSIC SERIES <i>￥229.00</i></label></div>
				</a>
			</div>
			
			<div class="jingdain">
				<a href="#">
					<span><img src="/images/1457139452033531016.jpg" alt=""></span>
					<div><p>法式系列</p>
					<label> FRENCH SERIES</label></div>
				</a>
			</div> 
			
			<div class="jingdain">
				<a href="#">
					<span><img src="/images/1456992198036601631.jpg" alt=""></span>
					<div><p>经典系列</p>
					<label>CLASSIC SERIES <i>￥229.00</i></label></div>
				</a>
			</div>
			
			<!-- 冰淇淋 -->
			<div class="jingdain">
				<a href="#">
					<span><img src="/images/1448515955834600789.jpg" alt=""></span>
					<div><p>冰淇淋系列</p>
					<label>GELATO SERIES</label></div>
				</a>
			</div>
		<!-- wrap-more -->	
		</div>
	</div>
<!-- container -->
</div>
	
		
<!-- 模板 -->
<script type="text/html" id = "datail_template">
	<div class="up">
		<!--左边的轮播图 -->
		<div class="lunbo"><img src="{{Carousal._img1}}" data-zoom-image="{{Carousal._big1}}" alt="轮播图"></div>
		<!-- 右边 -->
		<div class="right">
			<img src="{{Carousal._small}}" alt="">
			<div class="desc">
				<p>{{cname}}<br><i>不支持7天无理由退货</i></p>
				<span>￥<i>{{price}}</i></span>
			</div>
			<!-- 选择规模 -->
			<form action="" id="select_cake_form">
				<div class="cake_select">
					<div>规格
						<!-- <select >
							<option >请选择</option>
							<option >14cm x 14cm</option>
							<option >18cm x 18cm</option>
						</select> -->
						<p class="select">
							<i>请选择</i>
							<i>14cm x 14cm</i>
							<i>18cm x 18cm</i>
						</p>
						<i class="select-img"></i>
					</div>
					<div class="add-cart">加入购物车</div>
				</div>
				<!-- amount -->
				<div class="amount">
					<p>数量</p>
					<span class="decrease">-</span>
					<input type="text" value="1">
					<span class="increase">+</span>
				</div>
				<div id="bay_cake">立即购买</div>
			</form>
			
		</div>
	</div>
	<!-- 中间的图片 -->
	<div class="img">
		<img src="{{des_imgs.des1}}" alt="">
		<img src="{{des_imgs.des2}}" alt="">
	</div>
</script>

		
		<footer></footer>
	</body>
</html>